import styled from 'styled-components';

/* 给button标签添加样式，形成 Button React 组件 */
const Button = styled.button`
  background: ${(props) => (props.theme ? props.theme : '#6a8bad')};
  color: #fff;
  min-width: 96px;
  height: 36px;
  border: none;
  border-radius: 18px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-left: 20px !important;
`;

export default function StyledComp() {
  return (
    <div>
      <Button>按钮</Button>
      <Button theme={'#fc4838'}>props主题按钮</Button>
    </div>
  );
}
